Billchaste is a mobile and web application that allows residents to recharge and manage bill payment for their prepaid meters anywhere anytime.

WIRE-FRAMING ON FIGMA

For collaboration purposes  I used figma, it reduces communication stress during handoff and creates an easy avenue for proper review.

USER INTERFACE DESIGN

After a rigorous phase of iteration a decision was taken on the preferred design structure and pattern.   

Users have the option to signup or use the app without signing up to recharge their electricity meters, although signing up comes with a lot of benefits like view history, save meter as favorite for quicker recharge, and so much more, the web app. also makes room for those who want to explore the app or don't have the time to signup at the moment.

NIGHT MODE

I also put into consideration users that might find the white background hash or uncomfortable to their sight, thus I introduced a dark mode toggle for both the mobile and web app. 

DEVELOPING WEB USER INTERFACE/WEB FRONTEND DEVELOPMENT WITH WEBFLOW

Using webflow, I developed the web UI and exported the frontend code to the backend programmers for further logical and algorithmic work. 

VIEW WEBSITE